/*------ elementos -------*/

body{
    background-color: #000000;
    font-family: "Times New Roman";
    font-size: 14px;
}

h1, h2, h3, h4 {
    color: #edeeed;
}

a{
    color: #333333;
    text-decoration: none;
}

a:hover{
    color: #666666;
}

select{
    text-align: center;
}

textarea {
    resize: none;
} 

form label, select, option, a{
    cursor: pointer;
}

/*------ classes -------*/

.table_form td{
    padding: 5px 10px 5px 10px;
}

.table_form{
    width: 100%;
}

.titulo_form{
    padding: 5px;
    text-align: center;
    color: #f3f4f2; 
    font-size: 18px;
}

.campo_invalido{
    border: 2px #ee4343 solid;
}

.div_form{
    width: 70%;
    margin-left: 15%;
    border: 1px #666666 solid;
}

.form_titulo{
    width: 150px;
}

.icone_selecionado{
    height: 87px;
}

.icone_selecionado, .icone{
    vertical-align: baseline;
    margin-top: 5px;
    display: inline-block;
    width: 118px;
}

.enviar{
    color: #edeeed;
    width: 100px;
    padding: 3px;
    cursor: pointer;
}

.icone_selecionado:hover{
    background: url(../imagens/menu_item_hover.png) no-repeat;
}

.icone{
    cursor: pointer;
    opacity: 0.7;
    filter: alpha(opacity=70);
    height: 70px;
}

.icone:hover{
    opacity: 1;
    filter: alpha(opacity=100);
}

.base{
    width: 70%;
    margin-left: 15%;
}

.logo_banner{
    width: 344px;
    margin-top: 10px;
    text-align: center;
}

.marcenaria_marmoraria{
    vertical-align: bottom;
    background: url(../imagens/marcenaria_marmoraria.png) no-repeat;
    height: 160px;
    width: 345px;
    float: right;
}

.telefone{
    margin-top: 145px;
    margin-right:  120px;
    float: right;
}

.banner{
    background: url(../imagens/banner_fundo.jpg) repeat-x;
    height: 182px;
    width: 100%;
    display: table;
}

.icon_home{
    background: url(../icones/home.png) no-repeat center;
    display: inline-block;
}

.icon_show_room{
    background: url(../icones/show_room.png) no-repeat center;
}

.icon_quem_somos{
    background: url(../icones/quem_somos.png) no-repeat center;
}

.icon_fale_conosco{
    background: url(../icones/fale_conosco.png) no-repeat center;
}

.icon_orcamento{
    background: url(../icones/orcamento.png) no-repeat center;
}

.img_email_enviado{
    background: url(../imagens/email.png) no-repeat center;
    width: 128px;
    height: 128px;
}

.div_email_enviado{
    text-align: center;
    margin-top: 50px;
    font-size: 20px;
}

.btn_enviar{
    cursor: pointer;
    text-align: center;
    color:  #edeeed;
    width: 120px;
    padding: 3px;
}

.showroom_menu_item_selected{
    cursor: pointer;
    color: gold;
}

.gradiente_preto_invertido, .showroom_menu_item_selected{
    filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#252525', EndColorStr='#000000');
    background: -webkit-gradient(linear, left top, left bottom, from(#252525), to(#000000));
    background: -moz-linear-gradient(top, #252525, #000000);
}

.gradiente_preto, .enviar{
    filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#505050', EndColorStr='#000000');
    background: -webkit-gradient(linear, left top, left bottom, from(#505050), to(#000000));
    background: -moz-linear-gradient(top, #505050, #000000);
}

.gradiente_preto_medio, .showroom_menu_item:hover{
    filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#666666', EndColorStr='#000000');
    background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#000000));
    background: -moz-linear-gradient(top, #666666, #000000);
}

.gradiente_preto_claro, .showroom_base{
    filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#e4e3e3', EndColorStr='#666666');
    background: -webkit-gradient(linear, left top, left bottom, from(#e4e3e3), to(#666666));
    background: -moz-linear-gradient(top, #e4e3e3, #666666);
}

.gradiente_verde, .enviar:hover{
    filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#35802d', EndColorStr='#284121');
    background: -webkit-gradient(linear, left top, left bottom, from(#35802d), to(#284121));
    background: -moz-linear-gradient(top, #35802d, #284121);
}

.gradiente_vermelho{
    filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#C60000', EndColorStr='#000000');
    background: -webkit-gradient(linear, left top, left bottom, from(#C60000), to(#000000));
    background: -moz-linear-gradient(top, #C60000, #000000);
}

.gradiente_branco{
    filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#FFFFFF', EndColorStr='#E8E8E8');
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E8E8E8));
    background: -moz-linear-gradient(top, #FFFFFF, #E8E8E8);
}

.gradiente_vermelho_escuro{
    filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#000000', EndColorStr='#C60000');
    background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#C60000));
    background: -moz-linear-gradient(top, #000000, #C60000);
}

.divisoria_menu{
    height: 12px;
    /*    margin-top: -4px;*/
}

.div_texto{
    width: 80%; 
    margin-left: 10%;
    margin-bottom: 40px;
    text-align: center; 
    padding: 10px;
}

.titulo{
    position: relative;
    text-align: center;
    font-size: 28px;
    color: #edeeed;
    margin-top: -2px;
    margin-left: 30px;
    margin-bottom: 20px;
    height: 60px;
    width: 200px;
}

.titulo_publicidade{
    padding-top: 15px;
    width: 90%;
    margin-left: 5%;
    height: 45px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color:  #edeeed;
}

.titulo_texto{
    padding-top: 15px;
    font-size: 20px;
    font-weight: bold;
}

.menu_fundo{
    text-align: center;
    background: url(../imagens/menu_fundo.jpg) repeat-x;
    height: 95px;
    width: 100%;
}

.rodape_fundo{
    background: url(../imagens/rodape_fundo.jpg) repeat-x;
    padding-top: 5px;
    height: 158px;
    width: 100%;
    text-align: center;
    color: #edeeed;
}

.base_rodape{
    width: 80%;
    margin-left: 10%;
}

.fundo{
    padding: 2px;
    background: url(../imagens/body_fundo.jpg) repeat;
    width: 80%;
    float: left;
    min-height: 450px;
    /*    margin-left: 10%;*/
    padding-bottom: 50px;
}

.gradiente_verde, .btn_enviar:hover{
    filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#246128', EndColorStr='#000000');
    background: -webkit-gradient(linear, left top, left bottom, from(#246128), to(#000000));
    background: -moz-linear-gradient(top, #246128, #000000);
}

.endereco{
    margin-top: 40px;
}

.shopping_rodape, logo_rodape {
    width: 170px;
    display: table;
}

.logo_rodape{
    float: left;
    margin-top: 10px;
}

.shopping_rodape{
    float: right;
    margin-top: 5px
}

.img_logo_rodape{
    width: 170px;
}

.showroom_base{
    margin-left: 1%;
    background-color: #e4e3e3; 
    height: 450px; 
    width: 90%;
    margin-left: 5%
}

.showroom_menu{
    color: #edeeed; 
    height: 50px; 
    font-size: 20px;
}

.showroom_sub_menu{
    color: #edeeed; 
    height: 25px; 
    font-size: 14px;
    cursor: pointer;
}

.showroom_menu_item{
    cursor: pointer;
}

.show_room_esquerdo{
    background: url(../imagens/show_room_laterais.png) 102px 0px;
    width: 34px;
    height: 350px;
    cursor: pointer;
}

.show_room_esquerdo:hover{
    background: url(../imagens/show_room_laterais.png) 0px 0px;
    width: 34px;
    height: 350px;
}

.show_room_direito{
    background: url(../imagens/show_room_laterais.png) 34px 0px;
    width: 34px;
    height: 350px;
    cursor: pointer;
}

.show_room_direito:hover{
    background: url(../imagens/show_room_laterais.png) 68px 0px;
    width: 34px;
    height: 350px;
}

.sub_menu{
    width: 100%;
    text-align: center;
}

.quantidade_fotos{
    color: #edeeed; 
    height: 25px;
    text-align: center;
}

.imagem{
    opacity: 0.7;
    filter: alpha(opacity=70);
    width:120px;
    display: none;
}

.imagem:hover{
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.desenvolvido{
    font-size: 12px;
}

.desenvolvido a{
    color: #FFFFFF;
}

.desenvolvido a:hover{
    text-decoration: underline;
}